import React from "react"
import style from "./style.module.css"
import { Player } from 'video-react';

const liveDetail = (props) => {
    const hanlefhDetail = () => {
        props.history.push('/layout/liveManage')
    }

    return (
        <div className={style.detailBox}>
            <div className={style.viedoBox}>
                <h3>回放</h3>
            </div>
            <div className={style.playBox}>
                <Player playsInline src="https://media.w3.org/2010/05/sintel/trailer_hd.mp4" />
            </div>
            <button onClick={() => hanlefhDetail()} className={style.btnBox}>返回</button>
        </div>
    )
}

export default liveDetail